<%-- 
    Document   : detalhesproduto
    Created on : May 19, 2014, 3:25:24 PM
    Author     : root
--%>

<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <title>Detalhes do Produto</title>
        
        <script>
            function valida(obj, max)
            {
                if(obj.quantidade.value <= max && obj.quantidade.value > 0)
                {
                    return true;
                }
                else
                {
                    alert("Não há quantidade disponivel ou vc escolheu 0 unidades do produto");
                    return false;
                }
            }
        </script>
        <style>
            table{
                margin-right: auto;
                margin-left: auto;
            }
            h1{
            text-align: center;
            }
            h2{
                text-align: center;
            }
        </style>
    </head>
    <body>
        <jsp:useBean id="produto" class="model.Produto" scope="request"/>
        
        <h1>Produto: ${produto.nome}</h1>
        
        <table border="1">
            <tr><th>Nome</th><th>Categoria</th><th>Quantidade disp.</th><th>Preço unit.</th></tr>
            <tr><td>${produto.nome}</td><td>${produto.categoria}</td>
                <td>${produto.qtdEmEstoque}</td><td>R$ ${produto.getValorDouble()}</td></tr>
        </table>
        
        <h2>Comprar</h2>
        <form action="ServletProduto?prodId=${produto.id}&acao=carrinhoAdd" onsubmit="return valida(this,${produto.qtdEmEstoque})" method="post">
            <table>
                <tr><td>Quantidade desejada:</td><td><input type="number" autofocus name="quantidade" min="0" value="0"></td></tr>
            </table>
            <p align="center"><input type="submit" name="submit" value="Adicionar ao Carrinho" id="submit"></p>
        </form>
            
            <p align="center"><a href="home.jsp">Voltar</a></p>
    </body>
</html>
